@import '~ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件
@primary-color: #5b9fd6; // 全局主色
@link-color: #5b9fd6; // 链接色
@success-color: #029789; // 成功色
@warning-color: #e6a23c; // 警告色
@error-color: #da1313; // 错误色
@font-size-base: 14px; // 主字号
@heading-color: rgba(0, 0, 0, 0.85); // 标题色
@text-color: rgba(0, 0, 0, 0.65); // 主文本色
@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
@disabled-color: rgba(0, 0, 0, 0.25); // 失效色
@border-radius-base: 4px; // 组件/浮层圆角
@border-color-base: #d9d9d9; // 边框色
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // 浮层阴影

@layout-header-background: #263B5A;
// dark theme
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-bg: @layout-header-background;
@menu-dark-arrow-color: #fff;
@menu-dark-submenu-bg: #263B5A;
@menu-dark-highlight-color: #fff;
@menu-dark-item-active-bg: @primary-color;
@menu-dark-selected-item-icon-color: @white;
@menu-dark-selected-item-text-color: @white;
@menu-dark-item-hover-bg: transparent;

html,
body,
#app,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout.layout-basic {
  height: 100vh;
  min-height: 100vh;
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
  list-style: none;
}

// 数据列表 样式
.table-alert {
  margin-bottom: 16px;
}

// 数据列表 操作
.table-operator {
  margin-bottom: 18px;

  button {
    margin-right: 8px;
  }
}

// 数据列表 搜索条件
.table-page-search-wrapper {

  .ant-form-inline {
    .ant-form-item {
      display: flex;
      margin-bottom: 24px;
      margin-right: 0;

      .ant-form-item-control-wrapper {
        flex: 1 1;
        display: inline-block;
        vertical-align: middle;
      }

      > .ant-form-item-label {
        line-height: 32px;
        padding-right: 8px;
        width: auto;
      }

      .ant-form-item-control {
        height: 32px;
        line-height: 32px;
      }
    }
  }

  .table-page-search-submitButtons {
    display: block;
    margin-bottom: 24px;
    white-space: nowrap;
  }
}

@media (max-width: @screen-xs) {
  .ant-table {
    width: 100%;
    overflow-x: auto;

    &-thead > tr,
    &-tbody > tr {

      > th,
      > td {
        white-space: pre;

        > span {
          display: block;
        }
      }
    }
  }
}

.topBtn {
  display: flex;
  justify-content: flex-end;
}

.rowClassName {
  text-align: center;
  // &::-webkit-scrollbar {
  //   background-color: red !important;
  // }
  // &:hover::-webkit-scrollbar {
  //   display: block;
  //   width: 6px;
  //   background-color: red;
  // }

}

.ant-table-thead {
  tr {
    th {
      text-align: center !important;
      white-space: nowrap;
    }
  }

}


.delete {
  color: #F0362A;
  cursor: pointer;
}

.delete:hover {
  color: #fc0303;
}

.edit {
  color: #1890ff;
  cursor: pointer;
}

.edit:hover {
  color: #5090FF;
}

.add {
  color: #0061a7;
  cursor: pointer;
}

.add:hover {
  color: #034879;
}

.look {
  color: #0061a7;
  cursor: pointer;
}

.look:hover {
  color: #034879;
}

.other {
  color: #e6a23c;
}

.other:hover {
  color: #d68a18;
}

.ant-divider-inner-text {
  font-weight: bold;
}

.dialog-subtitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  margin-top: 10px;

  .subtitle {
    font-weight: bold;
    font-size: 16px;
    text-indent: 0.3em;
  }

  .subtitle::before {
    content: "|";
    color: #409eff;
    font-size: 18px;
    margin-right: 5px;
    font-weight: bold;
  }

  .subhead {
    margin-left: 10px;
    font-size: 16px;
    text-indent: 0.3em;
  }

  .subhead::before {
    content: "|";
    color: #989bc0;
    font-size: 18px;
    margin-right: 5px;
    font-weight: bold;
  }
}

.iconAlert {
  font-size: 14px;
  color: #4870AD;
  cursor: pointer;

  &:hover {
    color: rgba(0, 0, 0, .45);

  }
}

.dialog-personnel {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;

  .personnel {
    font-weight: bold;
    font-size: 16px;
    text-indent: 0.3em;
  }

  .personnel::before {
    content: "|";
    color: #d68a18;
    font-size: 18px;
    margin-right: 5px;
    font-weight: bold;
  }
}

.dialog-team {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0;

  .team {
    font-weight: bold;
    font-size: 16px;
    text-indent: 0.3em;
  }

  .team::before {
    content: "|";
    color: #029789;
    font-size: 18px;
    margin-right: 5px;
    font-weight: bold;
  }
}


.ant-table-body {
  overflow: auto !important;
}

.ant-modal-content {
  .ant-table-body {
    overflow: auto !important;
    overflow-y: scroll !important;
  }
}

.modal-details {
  overflow: hidden;

  .ant-form-item-children {
    color: #000;
    font-weight: bold;
    display: inline-block;
  }

  td {
    color: #000;
    font-weight: bold;
  }

}

pre {

  white-space: pre-wrap;

  white-space: -moz-pre-wrap;

  white-space: -pre-wrap;

  white-space: -o-pre-wrap;

  word-wrap: break-word;

}

.ant-table-body {
  &::-webkit-scrollbar {
    //整体样式
    height: 10px;
    width: 10px;
  }

  &::-webkit-scrollbar-thumb {
    //滑动滑块条样式
    border-radius: 10px;
    background: #eff1f7;
  }

  &::-webkit-scrollbar-track {
    //轨道的样式
    border-radius: 0;
    background: #f6f8ff;
  }
}

.ant-modal-footer {
  text-align: center;
}

.ant-modal-header {
  text-align: center;
}

.ant-modal-title {
  font-weight: bold;
}

.score {
  table tbody tr:hover > td {
    background-color: unset !important;
  }

  .ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background-color: unset !important;
  }

  // .ant-table-body {
  //   overflow-y: unset !important;

  //   .ant-form-item {
  //     margin: unset !important;
  //   }
  // }

  p {
    margin-bottom: 0;
  }
}

.sTables {
  .ant-table-body {
    overflow-y: unset !important;
  }
}

//导出
.export {
  color: rgb(219, 137, 29) !important;
  background-color: rgba(206, 145, 54, .1) !important;
  border: 1px solid rgb(219, 137, 29) !important;

  &:hover {
    color: #fff !important;
    background-color: rgba(219, 137, 29, .7) !important;
    border: 1px solid rgba(219, 137, 29, .7) !important;
  }
}

//通过
.pass {
  color: #fff !important;
  background-color: #029789 !important;
  border: 1px solid #029789 !important;

  &:hover {
    color: #fff !important;
    background-color: #035f58 !important;
    border: 1px solid #035f58 !important;
  }
}


//导入
.lead {
  color: rgb(219, 137, 29) !important;
  background-color: rgba(206, 145, 54, .1) !important;
  border: 1px solid rgb(219, 137, 29) !important;

  &:hover {
    color: #fff !important;
    background-color: rgba(219, 137, 29, .7) !important;
    border: 1px solid rgba(219, 137, 29, .7) !important;
  }
}

.newCard {
  min-height: calc(87vh + 135px) !important;
}

//左对齐
.textLeft {
  text-align: left;
}

.ant-table-tbody {
  tr {
    td {
      min-width: 93px !important
    }
  }
}

.ant-table-thead {
  tr {
    th {
      min-width: 93px !important
    }
  }
}

.merge {
  td {
    padding: 10px 0 !important;
  }

  .ant-divider-horizontal {
    margin: 10px 0 !important;
  }

  .nameSpan {
    display: inline-block;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.thPadding {
  .ant-table-thead > tr > th {
    padding: 5px;
  }
}

.ant-input-number-handler-wrap {
  display: none;
}

//samll表格去除margin
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0;
}

.ant-tooltip {
  max-width: 500px;
}

//提示
.title_text {
  padding: 10px;
  min-width: 300px;

  table {
    border-color: #fff;

    td {
      padding: 10px 15px;
    }
  }
}

//二级目录超出...省略
.ant-menu-item span {
  display: inline-block;
  max-width: 186px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

//左侧菜单
.ant-pro-basicLayout .ant-layout-sider-children {
  height: 100vh;
  overflow-y: auto;

  &::-webkit-scrollbar-track-piece {
    background: transparent;
  }

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }

}

//small表头的颜色
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: #fafafa;

  .ant-table-thead {
    background-color: #fafafa;
  }
}

.ant-menu-item {
  & > a {
    display: flex;
    align-items: center;
  }
}

.details-tabs {
  background: #fff;
  margin-bottom: 20px;

  .ant-tabs-left-content {
    min-height: 85vh;
  }
}

.ant-tabs-nav .ant-tabs-tab-active {
  font-weight: bold;
}
